<template>
    <div class="comment_container">
      <div class="comment_title">全部评论</div>
      <comment-item
        :comment="comment"
        :key="index"
        v-for="(comment, index) in commentList"
      />
    </div>
</template>

<script>
import CommentItem from "./comment-item";

export default {
  name: "ArticleComment",
  props: {
    commentList: {
      type: Array
    }
  },
  components: {
    CommentItem
  },
  computed: {
    
  },
  data() {
    return {
     
    };
  },
  created() {},
  mounted() {},
  methods: {
   
  }
};
</script>

<style scoped lang="stylus" >
.comment_container
  padding 10px

  .comment_title
    color #666
    margin-bottom 15px
</style>